<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>




        <div id="div1" name="divname" class="divclass">
            div
            <div></div>
        </div>


        <script>

            // 通过id找到一个对应标签结点对象
//            var divNode = document.getElementById("div1")
//            console.log(divNode)

            // 通过name属性找到对应的name值所属的结点对象列表(数组/name可以重复)
            // var divNode = document.getElementsByName("divname")
            // console.log(divNode)

            // 通过class属性找到对应的class值所属的结点对象列表(数组/class可以重复)
            // var divNodes = document.getElementsByClassName("divclass")
            // console.log(divNodes)


            // 通过标签名查找
            var divNodes = document.getElementsByTagName("div")
            console.log(divNodes)

        </script>
</body>
</html>
